<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="font/icon/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/fenlei.css"/>
		
		<meta name="viewport" content="width=device-width,
							initial-scale=1,
							minimum-scale=1,
							maximum-scale=1,
							user-scalable=no" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="left fl">
					 <a href="">Back</a>
				</div>
				
				<div class="right fr">
					<form action="">
						<select>
							<option>广州市</option>
							<option>广州市</option>
						</select>
					</form>
				</div>
				
				<div class="center">
					<span>分类</span>
				</div>
			</header>	
			
			<section>
				<div class="eat">
				<ul class="clearfix meishi">
					<li>
						<img src="images/meishi.png"/>
					<a href="">美食</a></li>
					<li>
						<img src="images/dianying.png"/>
						<a href="">电影</a>
					</li>
					<li> 
						<img src="images/yundong.png"/>
						<a href="">运动</a>
					</li>
					<li>
						<img src="images/changk.png"/>
						<a href="">唱歌</a>
					</li>
				</ul>
				<ul class="yuan">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				</div>
				
				<div class="group clearfix">
						<div class="favorable fl">
							<i class="iconfont  icon-icon09"></i>
							<span>美食类</span>
						</div>
						<div class="move fr">
							<a href="">更多</a>
							<i class="iconfont   icon-circle-arrow-right"></i>							
						</div>
					</div>
				
				<div class="photo">
					<ul class="clearfix">
						<li><img src="images/bao.png"/></li>
						<li><img src="images/miantuan.png"/></li>
						<li><img src="images/org.png"/></li>
						<li><img src="images/heji.png"/></li>
					</ul>
				</div>
				
				<div class="group clearfix">
						<div class="favorable fl">
							<i class="iconfont   icon-gaoerfu"></i>
							<span>运动类</span>
						</div>
						<div class="move fr">
							<a href="">更多</a>
							<i class="iconfont   icon-circle-arrow-right"></i>							
						</div>
					</div>
				
				<div class="photo">
					<ul class="clearfix">
						<li><img src="images/yumao.png"/></li>
						<li><img src="images/swim.png"/></li>
						<li><img src="images/wangqiu.png"/></li>
						<li><img src="images/paiqiu.png"/></li>
					</ul>
				</div>
					
				<div class="group clearfix">
						<div class="favorable fl">
							<i class="iconfont  icon-dianying"></i>
							<span>电影类</span>
						</div>
						<div class="move fr">
							<a href="">更多</a>
							<i class="iconfont   icon-circle-arrow-right"></i>							
						</div>
					</div>
				
				<div class="photo">
					<ul class="clearfix">
						<li><img src="images/xiyouji.png"/></li>
						<li><img src="images/pofeng.png"/></li>
						<li><img src="images/black.jpg"/></li>
						<li><img src="images/black.jpg"/></li>
					</ul>
				</div>
			</section>
			
			<footer>
				<ul class="clearfix">
					<li>
						<a href="index.html ">
							<i class="iconfont  icon-shouye-copy-copy-copy"></i>
							<h2>首页</h2>
						</a>
					</li>

					<li id="active">
						<a href="fenlei.html">
							<i class="iconfont icon- icon-fenlei"></i>
							<h2>分类</h2>
						</a>
					</li>

					<li>
						<a href="faxian.html">
							<i class="iconfont icon- icon-faxian"></i>
							<h2>发现</h2>
						</a>
					</li>

					<li>
						<a href="me.html">
							<i class="iconfont icon- icon-gerenzhongxin"></i>
							<h2>我的</h2>
						</a>
					</li>

				</ul>
			</footer>
	
		</div>
	</body>
</html>
